<!DOCTYPE html> 
<html> 
  <head> 
       <meta charset="utf-8"> 
       <title>My first jQuery Mobile code</title> 
       <link rel="stylesheet" href="/stylesheets/jquery.mobile-1.3.2.min.css">
       <script type="text/javascript" src="/javascripts/jquery-1.9.1.min.js"></script> 
       <script src="/javascripts/jquery.mobile-1.3.2.min.js"></script>
       <meta name="viewport" content="width=device-width, initial-scale=1">
 </head> 
 <body> 
    <div data-role="page" data-theme="a"> 
         <div data-role="header"> 
               <h1>jQuery Mobile</h1> 
         </div> 
         <div data-role="content">      
               <ul data-role="listview" data-inset="true" data-dividertheme="b"> 
                     <li data-role="list-divider">Options</li> 
                     <li><a href="option1.html">Option 1</a></li> 
                     <li><a href="option2.html">Option 2</a></li> 
                     <li><a href="option3.html">Option 3</a></li> 
                     <li><a href="option4.html">Option 4</a></li> 
               </ul>           
         </div>   
        <div data-role="footer">
         <h4>&copy; 2012 Smashing Magazine</h4>
        </div> 
    </div> 
  </body> 
</html>